<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link href="../media/css/base.css" rel="stylesheet" type="text/css" media="screen" />
    <script type="text/javascript" src="../media/js/jquery-1.9.0.js"></script>
    <script type="text/javascript" src="../media/js/compartment.js"></script>
    <script type="text/javascript" src="../media/js/jquery.ui.rotatable.js"></script>
    <title>{{ title }}</title>
  </head>
  <body>
  {% block up %}
    {% include "upper.html" %}
  {% endblock %}
  {% block slide %}
    {% include "slider.html" %}
  {% endblock %}
  {% block down %}
    {% include "downer.html" %}
  {% endblock %}
    <script type="text/javascript">
      $(window).resize(function ()
      {
        var win_height = window.innerHeight;
        var centr_height = win_height - 82;
        $('#compartment_container').css('height', centr_height);
      });
      $(window).resize();
    </script>
  </body>
</html>